학습 목표
- 아날로그와 디지털의 차이를 이해하고 디지털의 장점을 설명할 수 있다.
- 2진수의 개념을 알고 10진수와 서로 변환할 수 있다.
- 문자·이미지·소리·동영상이 디지털로 표현되는 원리를 설명할 수 있다.
생각 열기 🤔
스마트폰으로 친구에게 메시지를 보내고, 사진을 찍고, 음악을 듣고, 영상을 봐요.
그런데 컴퓨터는 오직 0과 1만 안다고 했죠?
그렇다면 우리가 보는 알록달록한 사진과 아름다운 음악은 컴퓨터 안에서 어떻게 생겨난 걸까요?
이번 시간에는 직접 비트를 켜 보고, 그림을 그리고, 색을 섞고, 소리를 잘라 보며 그 비밀을 풀어 봅시다! 🔍
1. 아날로그와 디지털
Analog vs Digital
세상에는 두 종류의 데이터가 있어요. 자연스럽게 흐르는 아날로그와 딱딱 끊어지는 디지털이에요. 컴퓨터가 다루는 데이터는 모두 디지털이랍니다.
우리 주변의 아날로그 — 지금은 대부분 디지털로 바뀌었어요
소리·빛·시간처럼 연속적으로 변하는 값을 그대로 담는 것이 아날로그예요. 아래에서 디지털과 비교해 볼까요?
아날로그 (Analog)
자연스럽게 변하는 신호
연속적으로 변하는 값. 시간에 따라 매끄럽게 흐르는 데이터예요.
📌 예시
- • 바늘이 부드럽게 도는 아날로그 시계
- • 사람 목소리, 자연의 소리
- • 수은주가 오르내리는 온도계
- • LP 레코드판, 카세트테이프
↑ 부드러운 곡선 모양
디지털 (Digital)
단계로 끊어진 신호
0과 1로만 표현된 데이터. 정해진 단계로 끊어져 있어요.
📌 예시
- • 숫자로 시간을 보여주는 디지털 시계
- • 스마트폰 안의 모든 데이터
- • MP3 음악 파일
- • USB·SSD에 저장된 데이터
↑ 0과 1로 딱딱 끊어진 계단 모양
디지털 데이터의 장점
복사 쉬움
아무리 복사해도 원본과 똑같이!
저장 편리
USB 하나에 영화 수십 편
전송 빠름
전 세계로 순식간에!
손상 적음
잡음·노이즈에 강함
2. 2진수의 세계
Binary System
우리가 일상에서 쓰는 숫자는 10진수(0~9)예요. 하지만 컴퓨터는 2진수(0과 1)만 사용해요. 왜일까요? 컴퓨터 속 전기 신호가 흐름(1) 또는 끊김(0), 두 가지 상태만 갖기 때문이에요! 0 또는 1을 담는 가장 작은 단위를 비트(bit), 비트 8개를 묶은 것을 바이트(byte)라고 해요.
🔢 2진수 변환기
비트를 직접 켜고 끄거나, 슬라이더를 움직여 보세요!
10진수 값
13
💡 각 칸은 2의 거듭제곱이에요. 켜진 칸의 숫자를 모두 더하면 10진수 값이 됩니다!
10진수 ↔ 2진수 변환표 (4비트)
| 10진수 | 2진수 | 10진수 | 2진수 |
|---|---|---|---|
| 0 | 0000 | 8 | 1000 |
| 1 | 0001 | 9 | 1001 |
| 2 | 0010 | 10 | 1010 |
| 3 | 0011 | 11 | 1011 |
| 4 | 0100 | 12 | 1100 |
| 5 | 0101 | 13 | 1101 |
| 6 | 0110 | 14 | 1110 |
| 7 | 0111 | 15 | 1111 |
0 또는 1을 담는 가장 작은 정보 단위
비트 8개 묶음. 한 바이트로 256가지를 표현해요 (2를 8번 곱한 값)
참고 — 데이터 단위와 16진수 (성취기준 밖 심화)
📦 데이터 크기 단위
윗 단위로 갈수록 1024배(2의 10제곱). 사진 한 장 ≈ 수 MB, 영화 한 편 ≈ 수 GB!
🔡 16진수(Hex)는 왜 쓸까?
2진수는 너무 길어요(1111 1111). 4비트를 한 글자로 묶으면 0~9, A~F의 16진수가 돼요. 웹 색 코드 #FF8800도 16진수랍니다! (FF = 255)
3. 문자의 디지털 표현
Text Encoding
글자 'A'는 컴퓨터 안에서 어떻게 저장될까요? 각 글자에는 약속된 숫자(코드)가 정해져 있어요. 이 약속을 문자 인코딩(Character Encoding)이라고 해요. 가장 기본이 되는 약속이 아스키(ASCII) 코드랍니다.
⌨️ 문자 → 코드 변환기
영문·숫자·기호를 입력하면 컴퓨터가 보는 숫자로 바꿔 줘요!
유니코드(Unicode) — 전 세계 모든 문자
아스키는 영어만 표현할 수 있어요. 그래서 한글·한자·일본어·이모지까지 전 세계의 모든 문자를 담기 위해 만든 국제 표준이 유니코드예요.
예시 (U+ 뒤의 값이 코드 번호)
가
U+AC00
한
U+D55C
愛
U+611B
😀
U+1F600
💡 우리가 쓰는 웹페이지는 대부분 UTF-8이라는 유니코드 방식으로 저장돼요.
4. 이미지의 디지털 표현
Image as Pixels & Color
디지털 이미지는 아주 작은 점(픽셀)들의 모임이에요. 각 픽셀의 켜짐/꺼짐이나 색을 숫자로 저장하면 그것이 바로 디지털 이미지가 됩니다. 'Picture Element'를 줄여 픽셀(Pixel)이라고 불러요.
🔬 진짜 화면을 확대하면?
스마트폰·모니터 화면을 아주 크게 확대한 사진이에요. 우리 눈엔 매끈해 보이지만, 사실은 빨강·초록·파랑(RGB) 작은 점(픽셀)들이 빼곡히 모여 그림과 글자를 만들어요.
© ALexL33 · CC BY-SA 3.0 · Wikimedia Commons
🎨 픽셀 아트 그리기
칸을 클릭하거나 드래그해 그림을 그리면, 0과 1로 된 데이터가 나타나요!
💾 디지털 데이터 (2진수)
↑ 칠해진 칸은 1, 빈 칸은 0! 이 숫자만 친구에게 보내도 똑같은 그림을 그릴 수 있어요. 실제 컬러 사진은 한 칸마다 색(RGB) 정보까지 저장한답니다.
🌈 RGB 색 혼합기
빛의 3원색을 섞어 보세요. 각 색은 0~255(8비트) 값을 가져요!
↑ 위 색은 아래 세 값을 섞은 결과예요
💡 R·G·B 각각 256단계 → 256 × 256 × 256 = 약 1677만 가지 색을 표현할 수 있어요!
🎚️ 색 깊이 실험실
한 픽셀의 색을 몇 비트로 적느냐에 따라, 부드러운 그러데이션이 '색 계단'으로 변해요!
표현 가능한 색: 64색
💡 비트가 낮으면 색과 색 사이에 띠(계단)가 보여요(포스터화). 24비트(채널당 8비트)면 약 1677만 색이라 우리 눈엔 매끈해 보인답니다.
참고 — 이미지 크기와 압축 (성취기준 밖 심화)
📏 파일 크기 계산
가로 × 세로 × 색 깊이. 예: 1000×1000 픽셀 24비트 = 약 300만 바이트(3MB)! 그래서 압축이 필요해요.
🗜️ 무손실 vs 손실
PNG·GIF는 무손실(원본 유지), JPEG는 손실(조금 흐려지지만 용량↓). 사진은 JPEG, 그림·로고는 PNG가 유리해요.
🧩 비트맵 vs 벡터
비트맵(픽셀)은 확대하면 계단처럼 깨져요. 벡터(SVG)는 수식으로 그려 아무리 키워도 매끈해요.
5. 소리와 동영상의 디지털 표현
Audio & Video
소리는 원래 공기의 떨림이 만드는 매끄러운 아날로그 파형이에요. 이 파형을 컴퓨터에 담으려면 0과 1로 바꿔야 하는데, 그 과정은 ① 표본화 → ② 양자화 → ③ 부호화 세 단계를 거친답니다.
① 표본화 (Sampling)
시간을 아주 잘게 쪼개, 정해진 간격마다 파형의 높이를 측정해요. 자주 잴수록 원본에 가까워요.
② 양자화 (Quantization)
측정한 높이를 정해진 단계(레벨) 중 가장 가까운 값으로 반올림해요. 단계가 많을수록 정밀해요.
③ 부호화 (Encoding)
반올림한 각 단계를 0과 1(2진수)로 적어요. 이제 컴퓨터가 저장·전송할 수 있는 디지털 소리!
🎛️ 소리 디지털화 실험실
표본화(가로)와 양자화(세로)를 조절하며, 빨간 원본이 초록 계단으로 바뀌는 과정을 살펴봐요!
측정 횟수 8
단계 수 4단계 (2비트)
③ 부호화 결과 — 각 표본을 2진수로 (앞부분만)
00 01 10
음질: 낮음 — 계단이 뚜렷해요
참고 — 소리를 더 깊이 (성취기준 밖 심화)
🎚️ 표본화율(샘플레이트)
1초에 측정하는 횟수(Hz). 전화 8kHz · 음성 16kHz · 음악 CD 44.1kHz · 고음질 96kHz
📊 비트 깊이
한 표본을 몇 비트로 적는지. 8비트=256단계, 16비트=6만 5536단계(CD 음질). 클수록 섬세해요.
🗜️ 압축 (MP3 vs WAV)
원본 그대로(WAV)면 용량이 커요. MP3는 사람이 잘 못 듣는 소리를 덜어 내 용량을 확 줄인 손실 압축이에요.
🎬 동영상의 디지털화
동영상은 여러 장의 사진(프레임)을 빠르게 연속해서 보여주는 거예요! 1초에 24~60장을 넘기면 우리 눈에는 자연스럽게 움직이는 영상으로 보입니다.
↑ 여섯 장의 그림을 빠르게 넘기면 → 달리는 영상이 됨!
1초에 보여 주는 프레임 수. 영화는 24fps, 게임은 60fps 이상
화면을 이루는 픽셀 수. HD(1280×720), FHD(1920×1080), 4K(3840×2160)
🎞️ 프레임 속도(fps) 실험실
초당 프레임 수를 낮추면 뚝뚝 끊기고, 높이면 부드러워져요!
영화는 24fps, 게임은 60fps 이상이에요. 1~2fps면 슬라이드쇼처럼 뚝뚝 끊겨 보이죠!
📉 계단현상(앨리어싱) 실험실
해상도(픽셀 수)가 낮으면 비스듬한 선·곡선이 계단처럼 보여요!
💡 해상도를 높이면 계단이 잘게 쪼개져 매끄러워 보여요. 일부러 경계를 흐려 부드럽게 만드는 기술을 안티앨리어싱이라고 해요.
참고 — 동영상은 왜 용량이 클까? (성취기준 밖 심화)
FHD(1920×1080) 한 프레임은 약 200만 픽셀, 1초(30프레임)면 6천만 픽셀이 넘어요. 그대로 저장하면 영화 한 편이 수백 GB! 그래서 코덱(codec)으로 압축해요. 연속한 프레임에서 바뀐 부분만 저장하는 것이 핵심 아이디어랍니다. (H.264, HEVC 등)
핵심 한눈에 정리
🔢 모든 데이터는 0과 1
컴퓨터는 비트(0/1)로 모든 것을 표현해요.
⌨️ 문자 = 약속된 코드
아스키·유니코드로 글자에 번호를 매겨요.
🎨 이미지 = 픽셀 + 색
작은 점마다 RGB 값을 저장해요.
🎵 소리 = 표본화·양자화·부호화
시간으로 쪼개고 → 크기를 단계로 반올림 → 0과 1로 적어요.
🎬 동영상 = 프레임 연속
사진 여러 장을 빠르게 넘겨요.
💡 디지털의 힘
복사·저장·전송이 쉽고 손상에 강해요.
스스로 점검하기
8문제로 오늘 배운 내용을 확인해 봐요!
디지털 데이터의 특징으로 알맞은 것은?
10진수 5를 4비트 2진수로 표현하면?
디지털 이미지를 구성하는 가장 작은 단위는?
컴퓨터가 색을 표현할 때 섞는 빛의 3원색은?
아날로그 소리를 일정 간격으로 측정해 숫자로 바꾸는 과정은?
1바이트(8비트)로 표현할 수 있는 값의 가짓수는?
동영상이 움직이는 것처럼 보이는 까닭으로 알맞은 것은?
한글·한자·이모지까지 전 세계 문자를 담는 국제 표준 코드는?